<template>
  <div>
   <div class="goods_list">
      <div v-for=" item in goods" :key='item.id' class="good">
        <img :src="item.icon" alt="">
        <span>￥59.9</span>
      </div>
   </div>
  </div>
</template>

<script>
export default {
  props: {
    goods: {
      type: Array
    }
  }
}
</script>

<style lang="scss" scoped>
.goods_list{
  margin-top: 8px;
  display: flex;
  overflow-y: scroll;
  .good{
    width: .57rem;
    height: .77rem;
    padding: 0 .1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    img{
      width: .5rem;
      height: .5rem;
      border-radius: .25rem;
    }
    span{
      font-size: 12px;
    }
  }
  &::-webkit-scrollbar { width: 0 !important }
}
</style>
